<!DOCTYPE html>
<html>
<div th:replace="vue/base::base"></div> 
<body>
  <div id="app">
  <span th:text="${testmap.title}"></span>
  	<h1>{{title}}|<span th:text="${session.username}"></span></h1>
  	<user-condition-component ref="user_condition"></user-condition-component>
    <user-table-component ref="user_table"></user-table-component>
    <user-edit-component ref="user_edit"></user-edit-component>
  </div>
</body>
<script th:src="@{/vue/components/user/condition.js}"></script>
<script th:src="@{/vue/components/user/edit.js}"></script>
<script th:src="@{/vue/components/user/table.js}"></script>
<script>
var app = new Vue({
  el: '#app',
  data: function() {
    return {
    	title: "演示项目",
    	visible: false 
    }
  },
  mounted: function(){
    	this.$refs.user_condition.init(this)
	    this.$refs.user_table.init(this)
	    this.$refs.user_edit.init(this)
  },
  methods: {
  }
})
</script>
</html>